<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>【吉他女声】人气选手，哪个才是你的【吉他女神】？</title>
    <link rel="stylesheet" href="/static/h5/css/share/share.css">
    @include('web.baidu')
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript">
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '{{$signPackage['appId']}}', // 必填，公众号的唯一标识
            timestamp: '{{$signPackage['timestamp']}}', // 必填，生成签名的时间戳
            nonceStr: '{{$signPackage['nonceStr']}}', // 必填，生成签名的随机串
            signature: '{{$signPackage['signature']}}',// 必填，签名，见附录1
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });


        wx.ready(function () {
            wx.onMenuShareTimeline({
                title: '2017yamaha吉他女生-{!! $singer['nick'] !!}', // 分享标题
                link: 'https://guitargirl2017.yamaha.com.cn/mobile/hot/detail/{!! $singer['id'] !!}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'https://guitargirl2017.yamaha.com.cn/upload/{!! $singer['avatar'] !!}', // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareAppMessage({
                title: '2017yamaha吉他女生-{!! $singer['nick'] !!}', // 分享标题
                desc: '2017yamaha吉他女生-{!! $singer['nick'] !!}', // 分享标题
                link: 'https://guitargirl2017.yamaha.com.cn/mobile/hot/detail/{!! $singer['id'] !!}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'https://guitargirl2017.yamaha.com.cn/upload/{!! $singer['avatar'] !!}', // 分享图标
                trigger: function (res) {
                    // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                }
            });
        });
    </script>
</head>
<body>
@include('h5.weichatshare')
@include('h5.header',['nav' => 3])
<a class="animated bounceIn" id="enter" href="/mobile/action/baoming"><em class="icon icon-txt-enter"></em></a>
<div class="guitar-main" id="share">
    <header>
        <img src="/static/h5/images/common/bg_hot.jpg">
        <span class="main">
				<em class="icon icon-txt-hot animated fadeInDown"></em>
			</span>
    </header>
    <section>
        <div class="title clearfix">
            <span class="fl avatar"><img src="/upload/{!! $singer['avatar'] !!}"></span>
            <span class="fl username">{!! $singer['nick'] !!}</span>
        </div>
        <div id="video">
            {{--<video src="/static/h5/images/test/test.mp4" controls="controls">您的浏览器不支持 video 标签。</video>--}}
            {!! $singer['video'] !!}
        </div>
    </section>
    @include('h5.sharebox2')
</div>
@include('h5.sharebox')

<script type="text/javascript" src="/static/web/js/lib/jquery/jquery-2.0.3.min.js"></script>
<script>
    $(function () {
        $('#video iframe').height('200').width('100%');

        $('.bottle').click(function () {
            $('.layer').slideDown('fast');
        });

        $('.layer').click(function () {
            $(this).slideUp('fast');
        });
    });
</script>
</body>
</html>

